<template>
  <i class="iconfont" :class="className" :style="{ fontSize: size + 'px' }"></i>
</template>
<script>
const ClassMap = {
  left: 'icon-zuozuo',
  right: 'icon-you',
  more: 'icon-gengduo',
  empty: 'icon-kong',
  weixin: 'icon-weixin',
  email: 'icon-youxiang',
  phone: 'icon-dianhua',
  qq: 'icon-QQ-circle-fill',
  message: 'icon-message_fill',
  article: 'icon-wenzhangfenlei',
  home: 'icon-home',
  about: 'icon-f-about',
  project: 'icon-code',
  up: 'icon-icon-arrow-top2',
  down: 'icon-icon-arrow-bottom2',
}
export default {
  props: {
    type: {
      type: String,
    },

    size: {
      type: Number,
      default: 16,
    },
  },
  computed: {
    className() {
      return ClassMap[this.type]
    },
  },
}
</script>
<style scoped>
@import url('//at.alicdn.com/t/c/font_5041678_e7x3uzfkk2h.css');
</style>
